@extends('mobile.common.main')
@section('css')
<link rel="stylesheet" type="text/css" href="/css/m/mjgf.css" />
<link rel="stylesheet" type="text/css" href="/css/m/yanjiu_hyjd.css" />
<!-- <link rel="stylesheet" type="text/css" href="/css/m/pxhd.css" /> -->
<link rel="stylesheet" type="text/css" href="/css/m/common_product.css" />
<style>
.head_tit span
		{	display: inline-block;
			width: 3rem;
			margin-left: 1.46rem;
			margin-right: 1.46rem;
			text-align: center;
		}
</style>
@endsection
@section('container')
		<div class="banner" style="position:absolute;top:.85rem">
			<img src="/img/m/yjy/yjy.png" />
			<ul class="nav_product">
			<li  style="background:rgba(18,183,253,.5);">
					<a href="?type=2">行业解读</a>
				</li>
				<li>
					<a href="?type=1">产融研究</a>
				</li>
				<li>
					<a href="?type=4">一张图系列</a>
				</li>
				
				<li>
					<a href="?type=3">专家风采</a>
				</li>
				
			</ul>
		</div>
  <div style="margin-top: 2.6em;">
		<ul class="jd_list">
      <? if(count($dataList)>0){ ?>
      <? foreach ($dataList as $key => $value) {?>
			<li>
				<a href="/m/infoT?id={{$value['id']}}">
					<p style="padding-top:.20rem;color:#444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{$value['title']}}</p>
					<p>
						<span class="fang_fx">解读</span><span class="chupin">碳银研究院出品</span>
					</p>
				</a>

			</li>
    <? }} ?>
		</ul>
</div>
@endsection
@section('script')
<script type="text/javascript">
	$('.guanzhu').click(function() {
		$('.cover_ma').show()

	})
	$('.cover_ma').click(function() {
		$(this).hide()

	})
	$('.yzm').click(function(e) {
		e.stopPropagation()
	})
	$('.guanzhu').ontouchmove(function(e) {
		e.stopPropagation()

	})
</script>
<script type="text/javascript">
	$(window).scroll(function() {
//		console.log(window.scrollY)
		var a = window.scrollY
		if(a > 42) {

			$('.banner').css({ 'position': 'fixed', 'top': '0rem' })
		} else {
			$('.banner').css({ 'position': 'absolute', 'top': '.86rem' })
		}
	});
</script>
@endsection
